<template>
  <div :class="{'swipe_parent':true,'addstyle':styleflag}">
    <mt-swipe :auto="4000" :showIndicators="true" >
      <mt-swipe-item v-for="item in swipeImg" :key="item.img">
        <a :href="item.url">
          <img :src="item.img" alt="">
        </a>
      </mt-swipe-item>
    </mt-swipe>
  </div>
</template>
<script>
    export default {
        data(){
            return {}
        },
        props:["swipeImg","styleflag"]
    }
</script>
<style lang="scss" scoped>
    .swipe_parent {
        height: 200px;
    }
    .swipe_parent img {
        width: 100%;
        height: 100%;
    }
    .addstyle{
        text-align: center;
        img{
            width: 150px;
            height: 150px;
            margin-top: 25px;
        }
    }
</style>
